/* FadeInDown */
@keyframes fadeInDown
  0% 
    opacity: 0;
    transform: translateY(-10px);
  100%
    opacity: 1;
    transform: translateY(0%);

/* FadeInDown */
@keyframes fadeInDownSP
  0%
    opacity: 0;
    transform: translateY(-20px);
  100%
    opacity: 1;
    transform: translateY(-10px);

/* FadeIn */
@keyframes fadeIn
  0%
    opacity: 0;
    transform: scale(0.86);
  100%
    opacity: 1;
    transform: scale(1);

/* float */
@keyframes float
  0%
    transform: translateY(0)
  50%
    transform: translateY(-6px)
  100%
    transform: translateY(0)

/* 文字跑马灯 */
@keyframes textclip
  100%
    background-position: 200% center;

/** 封面图动画 */
@keyframes coverDown
  0%
    opacity: 0.6;
    transform: translateY(-6px);
  100%
    opacity: 1;
    transform: translateY(0px);

/* 3D书单 */
@keyframes bookRotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-30deg);
  }
}


/* 面板摇动动画 */
@keyframes dropWave {
  0% {
    transform: rotateY(45deg);
  }
  15% {
    transform: rotateY(-5deg);
  }
  30% {
    transform: rotateY(5deg);
  }
  45% {
    transform: rotateY(-2.5deg);
  }
  60% {
    transform: rotateY(2.5deg);
  }
  75% {
    transform: rotateY(-1.25deg);
  }
  90% {
    transform: rotateY(1.25deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

/* 面板下落动画 */
@keyframes dropDown {
  0% {
    transform: translateY(-100vh);
  }
  15% {
    transform: translateY(0vh);
  }
  30% {
    transform: translateY(-3vh);
  }
  45% {
    transform: translateY(0vh);
  }
  60% {
    transform: translateY(-1.5vh);
  }
  75% {
    transform: translateY(0vh);
  }
  90% {
    transform: translateY(-0.75vh);
  }
  100% {
    transform: translateY(0vh);
  }
}